@import (reference) "../../shared/common";
@import (reference) "../../shared/color";
:host, .stock-combo-container {
  background-color: @color-gray-view-background;
}

.stock-combo-container {
  .drawer-toggle {
    padding: 0 4px;
  }
  stock-combo-tabs>.tab-list-primary {
    .cm-tab-list {
      margin: 0;
      // padding-left: 4rem;
      .display-flex(row, flex-start, center);
      // height: 100%;
      .tab-list-item {
        background-color: transparent;
        border-right: 1px solid #D7D7D7;
          .flex(1, 0);
          max-width: 80px;
          &.no-grow {
            .flex-grow(0);
          }
        .tab-list-link {
          display: block;
          height: 30px;
          line-height: 30px;
          text-align: center;
          color: @color-black-light;
          font-size: 1.4rem;
          border-radius: 0;
          margin: 0;
          &:hover {
            background-color: #E3E3E3;
          }
          &.active,
          &:active {
            text-decoration: none;
            // color: #E84C46;
            position: relative;
            background: white;
            // &::after {
            //   content: " ";
            //   position: absolute;
            //   top: 0;
            //   left: 0;
            //   right: 0;
            //   height: 3px;
            //   background-color: #E84C46;
            // }
          }
        }
      }
    }
  }
}